// 1. 要把控制台打开 
// 2. 只要涉及到ajax，要看network 
// 3. headers最下面form data 
// 写代码就是调试的过程


$(function(){
    $('#link_reg').click(function(){
        $('.login-box').hide();
        $('.reg-box').show();
    })
    $('#link_login').click(function(){
        $('.login-box').show();
        $('.reg-box').hide();
    })

    //配置自定义规则
    // \s 空格 回车 换行... 
    // \S 
    layui.form.verify({
        // [正则表达式规则,出错了报什么提示]
        pwd:[/^\S{6,12}$/,'密码长度必须是6到12位，并且不能为空'],
        //value就是当前这个规则在哪个元素身上，这个value就是这个元素当前的最新的输入的值
        repwd:function(value){
            if($('.reg-box [name="password"]').val() != value){
                return '两次密码不一致'
            }
        }
    })


    //注册功能
    $('#form_reg').submit(function(e){
        e.preventDefault();
        console.log(123)//写一步测试一步
        // $.get 
        // $.post 
        // $.ajax既可以用于get也可以用于post 
        // .a.b --> 一个元素既有类名a也有类名b
        // $.post(url,data,callback)
        //ajax出问题了，怎么办？首先看一眼控制台有没有红色 接下来看network(切换到xhr) 再看一个地方 headers最下面的form data
        //用户自己手动收集表单数据
        // 出错了 1. 看控制台 2. 如果是ajax的错 看network请求有没有发送 3. 看headers最后面有没有一个form data 
        var data = {username:$('.reg-box [name=username]').val(),password:$('.reg-box [name=password]').val()};
        // console.log(data)
        $.post('/api/reguser',data,function(res){
            if(res.status != 0){
                return layer.msg(res.message)
            }
            layer.msg('注册成功')
            $('#link_login').click()//用js模拟点击登录链接
        })
    })


    //登录功能
    $('#form_login').submit(function(e){
        e.preventDefault();
        // $.ajax(options )
        $.ajax({
            method:'post',
            url:'/api/login',
            data:$(this).serialize(),

            success:function(res){
                if(res.status !=0){
                    return layer.msg('登录失败')
                }
                console.log(res)
                // 存在本地存储中的数据，同一个网站不同的页面可以共享的
                // getItem 获取
                // removeItem 删除
                localStorage.setItem('token',res.token)
                //跳转到后台首页
                location.href = '/index.html'
            }
        })
    })
    

    
})